<!doctype html>
<html lang="en">

<head>
  <meta content="webkit" name="renderer" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta charset="UTF-8">
  <title>首页 - 滨清科技</title>
  <meta name="Keywords" content="bingblue、滨清科技、网站搭建、APP开发、微信小游戏小程序、品牌设计、文案代运营">
  <meta name="description" content="滨清科技 - 我们提供网站搭建、APP开发、微信小游戏小程序、品牌设计、文案代运营等专业服务！">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta content="telephone=no, address=no" name="format-detection">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <link rel="apple-touch-icon" href="https://bingblue.oss-cn-hangzhou.aliyuncs.com/company/img/apple-touch-icon.png">
  <link rel="icon" type="image/png" href="https://bingblue.oss-cn-hangzhou.aliyuncs.com/company/img/icon300.png">
  <!-- CSS 开始 -->

  <!-- Bootstrap -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
  <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">

  <!-- Slider
================================================== -->
  <link href="https://bingblue.oss-cn-hangzhou.aliyuncs.com/company/css/owl.carousel.css" rel="stylesheet" media="screen">
  <link href="https://bingblue.oss-cn-hangzhou.aliyuncs.com/company/css/owl.theme.css" rel="stylesheet" media="screen">
  <!-- <link href="https://cdn.bootcss.com/OwlCarousel2/2.2.1/assets/owl.carousel.min.css" rel="stylesheet">
  <link href="https://cdn.bootcss.com/OwlCarousel2/2.2.1/assets/owl.theme.default.min.css" rel="stylesheet"> -->

  <!-- Stylesheet
================================================== -->
  <link rel="stylesheet" type="text/css" href="https://bingblue.oss-cn-hangzhou.aliyuncs.com/company/css/style.css">
  <link rel="stylesheet" type="text/css" href="https://bingblue.oss-cn-hangzhou.aliyuncs.com/company/css/responsive.css">


  <script type="text/javascript" src="https://bingblue.oss-cn-hangzhou.aliyuncs.com/company/js/modernizr.custom.js"></script>

  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>

</head>

<body>
  <!--[if lte IE 9]>
  <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
  <!-- Navigation
==========================================-->
  <nav id="tf-menu" class="navbar navbar-default navbar-fixed-top">
    <div class="container">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="index.html"><img class="logo" src="https://bingblue.oss-cn-hangzhou.aliyuncs.com/company/img/logo_white.png" alt="滨清logo"></a>
      </div>

      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav navbar-right">
          <li>
            <a href="#tf-home" class="page-scroll">首页</a>
          </li>
          <li>
            <a href="#tf-about" class="page-scroll">关于我们</a>
          </li>
          <li>
            <a href="#tf-team" class="page-scroll">服务</a>
          </li>
          <li>
            <a href="#tf-services" class="page-scroll">产品</a>
          </li>
          <li>
            <a href="#tf-works" class="page-scroll">案例</a>
          </li>
          <li>
            <a href="#tf-testimonials" class="page-scroll">评论</a>
          </li>
          <li>
            <a href="#tf-contact" class="page-scroll">联系我们</a>
          </li>
        </ul>
      </div>
      <!-- /.navbar-collapse -->
    </div>
    <!-- /.container-fluid -->
  </nav>

  <!-- Home Page
==========================================-->
  <div id="tf-home" class="text-center">
    <div class="overlay">
      <div class="content">
        <h1>欢迎选择
          <strong>
            <span class="color">滨清工作室</span>
          </strong>
        </h1>
        <p class="lead">专业的网站建设/营销、品牌设计/推广服务，
          <strong>选我们！</strong>
        </p>
        <a href="#tf-about" class="fa fa-angle-down page-scroll"></a>
      </div>
    </div>
  </div>

  <!-- About Us Page
==========================================-->
  <div id="tf-about">
    <div class="container">
      <div class="row">
        <div class="col-md-6">
          <img src="https://bingblue.oss-cn-hangzhou.aliyuncs.com/company/img/02.png" class="img-responsive">
        </div>
        <div class="col-md-6">
          <div class="about-text">
            <div class="section-title">
              <h4>About us</h4>
              <h2>关于
                <strong>滨清</strong>
              </h2>
              <hr>
              <div class="clearfix"></div>
            </div>
            <p class="intro">滨清科技 - 我们提供网站搭建、APP开发、微信小游戏/小程序、品牌设计、文案代运营等专业互联网行业解决方案,
              使用H5设计、响应式布局、多终端兼容等技术。<br>
              从用户价值出发，为用户价值服务，无用户，不口碑。</p>
            <ul class="about-list">
              <li>
                <span class="fa fa-dot-circle-o"></span>
                <strong>使命</strong> -
                <em>助力企业书写品牌传奇</em>
              </li>
              <li>
                <span class="fa fa-dot-circle-o"></span>
                <strong>价格</strong> -
                <em>打造行业定制最低价</em>
              </li>
              <li>
                <span class="fa fa-dot-circle-o"></span>
                <strong>服务</strong> -
                <em>1小时内极速响应</em>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- Team Page
==========================================-->
  <div id="tf-team" class="text-center">
    <div class="overlay">
      <div class="container">
        <div class="section-title center">
          <h2>
            <strong>金牌·服务</strong>
          </h2>
          <div class="line">
            <hr>
          </div>
        </div>

        <div id="team" class="owl-carousel owl-theme row">
          <div class="item">
            <div class="thumbnail">
              <img src="https://bingblue.oss-cn-hangzhou.aliyuncs.com/company/img/team/icon_service_01.png" class="img-circle team-img">
              <div class="caption">
                <h3>免费维护</h3>
                <!-- <p>技术总监</p> -->
                <p>自网站上线之日起网站三个月内免费更新维护</p>
              </div>
            </div>
          </div>

          <div class="item">
            <div class="thumbnail">
              <img src="https://bingblue.oss-cn-hangzhou.aliyuncs.com/company/img/team/icon_service_03.png" class="img-circle team-img">
              <div class="caption">
                <h3>极速响应</h3>
                <!-- <p>技术总监</p> -->
                <p>一小时内极速响应,让服务器随时保持可访问状态</p>
              </div>
            </div>
          </div>

          <div class="item">
            <div class="thumbnail">
              <img src="https://bingblue.oss-cn-hangzhou.aliyuncs.com/company/img/team/icon_service_04.png" class="img-circle team-img">
              <div class="caption">
                <h3>方便联系</h3>
                <!-- <p>设计总监</p> -->
                <p>我们提供微信、QQ、Email、电话等多种联系方式</p>
              </div>
            </div>
          </div>

          <div class="item">
            <div class="thumbnail">
              <img src="https://bingblue.oss-cn-hangzhou.aliyuncs.com/company/img/team/icon_service_02.png" class="img-circle team-img">
              <div class="caption">
                <h3>网站完善</h3>
                <!-- <p>销售总监</p> -->
                <p>免费对网站在正常使用过程中出现的BUG进行修复、完善</p>
              </div>
            </div>
          </div>
          
          <!-- <div class="item">
            <div class="thumbnail">
              <img src="https://bingblue.oss-cn-hangzhou.aliyuncs.com/img/team/02.jpg" alt="Alice" class="img-circle team-img">
              <div class="caption">
                <h3>Alice</h3>
                <p>高级前端工程师</p>
                <p>页面的一生就是我的一生</p>
              </div>
            </div>
          </div>

          <div class="item">
            <div class="thumbnail">
              <img src="https://bingblue.oss-cn-hangzhou.aliyuncs.com/img/team/01.jpg" alt="Peter" class="img-circle team-img">
              <div class="caption">
                <h3>Peter</h3>
                <p>高级JAVA工程师</p>
                <p>路漫漫其修远兮,吾将上下而求索</p>
              </div>
            </div>
          </div> -->

        </div>

      </div>
    </div>
  </div>

  <!-- Services Section
==========================================-->
  <div id="tf-services" class="text-center">
    <div class="container">
      <div class="section-title center">
        <h2>
          <strong>提供的产品</strong>
        </h2>
        <div class="line">
          <hr>
        </div>
        <div class="clearfix"></div>
        <small>
          我们提供网站搭建、APP开发、微信小游戏/小程序、品牌设计、文案代运营等专业互联网行业解决方案, 使用H5设计、响应式布局、多终端兼容等技术。
        </small>
      </div>
      <div class="space"></div>
      <div class="row">
        <div class="col-md-3 col-sm-6 service">
          <i class="fa fa-desktop"></i>
          <h4>
            <strong>网站搭建</strong>
          </h4>
          <p>电商平台，传统企业官网等，展示企业形象，宣传产品与服务。</p>
        </div>

        <div class="col-md-3 col-sm-6 service">
          <i class="fa fa-mobile"></i>
          <h4>
            <strong>APP开发</strong>
          </h4>
          <p>基于HTML5的 iOS/Android APP交互设计 视觉设计 功能定制开发</p>
        </div>

        <div class="col-md-3 col-sm-6 service">
          <i class="fa fa-picture-o"></i>
          <h4>
            <strong>品牌设计</strong>
          </h4>
          <p>塑造品牌形象、传递品牌价值,帮助企业打造品牌神话</p>
        </div>

        <div class="col-md-3 col-sm-6 service">
          <i class="fa fa-weixin"></i>
          <h4>
            <strong>微信小游戏/小程序</strong>
          </h4>
          <p>小程序是一种新的开放能力，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验</p>
        </div>
      </div>
    </div>
  </div>

  <!-- Clients Section
==========================================-->
  <div id="tf-clients" class="text-center">
    <div class="overlay">
      <div class="container">

        <div class="section-title center">
          <h2>我们的客户
            <strong></strong>
          </h2>
          <div class="line">
            <hr>
          </div>
        </div>
        <div id="clients" class="owl-carousel owl-theme">
          <div class="item">
            <img src="https://bingblue.oss-cn-hangzhou.aliyuncs.com/company/img/client/01.png">
          </div>
          <div class="item">
            <img src="https://bingblue.oss-cn-hangzhou.aliyuncs.com/company/img/client/tencent.png">
          </div>
          <div class="item no-mt">
            <img src="https://bingblue.oss-cn-hangzhou.aliyuncs.com/company/img/client/bingblue.png">
          </div>
          <div class="item no-mt">
            <img src="https://bingblue.oss-cn-hangzhou.aliyuncs.com/company/img/client/rambo.png">
          </div>
          <div class="item">
            <img src="https://bingblue.oss-cn-hangzhou.aliyuncs.com/company/img/client/05.png">
          </div>
          <!-- <div class="item">
            <img src="https://bingblue.oss-cn-hangzhou.aliyuncs.com/company/img/client/06.png">
          </div>
          <div class="item">
            <img src="https://bingblue.oss-cn-hangzhou.aliyuncs.com/company/img/client/07.png">
          </div> -->
        </div>

      </div>
    </div>
  </div>

  <!-- Portfolio Section
==========================================-->
  <div id="tf-works">
    <div class="container">
      <!-- Container -->
      <div class="section-title text-center center">
        <h2>
          <strong>精品·案例</strong>
        </h2>
        <div class="line">
          <hr>
        </div>
        <div class="clearfix"></div>
        <small>
          针对不同行业量身定制，<br>积累了众多行业的经验满足客户需求<br>
          <!-- 提供完整的PC+移动+微信(小游戏、小程序)等互联网行业解决方案,使用H5设计、响应式布局、多终端兼容等技术。 -->
        </small>
      </div>
      <div class="space"></div>

      <div class="categories">

        <ul class="cat">
          <!-- <li class="pull-left">
            <h4>Filter by Type:</h4>
          </li> -->
          <li class="pull-right">
            <ol class="type">
              <li>
                <a href="https://bingblue.com/works" class="active" target="_blank">查看更多 &raquo;</a>
              </li>
              <!-- <li>
                <a href="#" data-filter=".web">Web Design</a>
              </li>
              <li>
                <a href="#" data-filter=".photography">Photography</a>
              </li>
              <li>
                <a href="#" data-filter=".app">Mobile App</a>
              </li>
              <li>
                <a href="#" data-filter=".branding">Branding</a>
              </li> -->
            </ol>
          </li>
        </ul>
        <div class="clearfix"></div>
      </div>

      <div id="lightbox" class="row">

        <div class="col-sm-6 col-md-3 col-lg-3 branding">
          <div class="portfolio-item">
            <div class="hover-bg">
              <a href="https://bingblue.com/works/egg/" target="_blank">
                <div class="hover-text">
                  <h4>砸金蛋</h4>
                  <small>人气推广小游戏，适合抽奖类活动。</small>
                  <div class="clearfix"></div>
                  <i class="fa fa-plus"></i>
                </div>
                <img src="https://bingblue.oss-cn-hangzhou.aliyuncs.com/common/index/item1.png" class="img-responsive">
              </a>
            </div>
          </div>
        </div>

        <div class="col-sm-6 col-md-3 col-lg-3 photography app">
          <div class="portfolio-item">
            <div class="hover-bg">
              <a href="https://bingblue.com/works/fere" target="_blank">
                <div class="hover-text">
                  <h4>FERE</h4>
                  <small>移动官网，使用H5技术开发，兼容IOS、Android等手机。</small>
                  <div class="clearfix"></div>
                  <i class="fa fa-plus"></i>
                </div>
                <img src="https://bingblue.oss-cn-hangzhou.aliyuncs.com/common/index/item2.jpg" class="img-responsive">
              </a>
            </div>
          </div>
        </div>

        <div class="col-sm-6 col-md-3 col-lg-3 branding">
          <div class="portfolio-item">
            <div class="hover-bg">
              <a href="https://bingblue.com/works/fish" target="_blank">
                <div class="hover-text">
                  <h4>钓鱼</h4>
                  <small>趣味小游戏,使用鱼钩来获得更高分数吧~</small>
                  <div class="clearfix"></div>
                  <i class="fa fa-plus"></i>
                </div>
                <img src="https://bingblue.oss-cn-hangzhou.aliyuncs.com/common/index/item3.png" class="img-responsive">
              </a>
            </div>
          </div>
        </div>

        <div class="col-sm-6 col-md-3 col-lg-3 branding">
          <div class="portfolio-item">
            <div class="hover-bg">
              <a href="https://bingblue.com/works/lottery" target="_blank">
                <div class="hover-text">
                  <h4>大转盘</h4>
                  <small>韩范来袭大转盘抽奖活动推广</small>
                  <div class="clearfix"></div>
                  <i class="fa fa-plus"></i>
                </div>
                <img src="https://bingblue.oss-cn-hangzhou.aliyuncs.com/common/index/item4.png" class="img-responsive">
              </a>
            </div>
          </div>
        </div>

        <div class="col-sm-6 col-md-3 col-lg-3 web">
          <div class="portfolio-item">
            <div class="hover-bg">
              <a href="https://bingblue.com/works/moon" target="_blank">
                <div class="hover-text">
                  <h4>嫦娥去哪儿了</h4>
                  <small>类似飞机大战，嫦娥吃月饼，不要被猪八戒抓到哦</small>
                  <div class="clearfix"></div>
                  <i class="fa fa-plus"></i>
                </div>
                <img src="https://bingblue.oss-cn-hangzhou.aliyuncs.com/common/index/item5.png" class="img-responsive">
              </a>
            </div>
          </div>
        </div>

        <div class="col-sm-6 col-md-3 col-lg-3 app">
          <div class="portfolio-item">
            <div class="hover-bg">
              <a href="https://bingblue.com/works/newyear" target="_blank">
                <div class="hover-text">
                  <h4>明星拜年</h4>
                  <small>腾讯过年项目-明星拜年-张亮，范冰冰等你哦</small>
                  <div class="clearfix"></div>
                  <i class="fa fa-plus"></i>
                </div>
                <img src="https://bingblue.oss-cn-hangzhou.aliyuncs.com/common/index/item6.png" class="img-responsive">
              </a>
            </div>
          </div>
        </div>

        <div class="col-sm-6 col-md-3 col-lg-3 photography web">
          <div class="portfolio-item">
            <div class="hover-bg">
              <a href="http://www.gongziqianbao.com/humanWebsite" target="_blank">
                <div class="hover-text">
                  <h4>vjoy官网</h4>
                  <small>vjoy人力资源企业官网</small>
                  <div class="clearfix"></div>
                  <i class="fa fa-plus"></i>
                </div>
                <img src="https://bingblue.oss-cn-hangzhou.aliyuncs.com/common/index/item8.png" class="img-responsive">
              </a>
            </div>
          </div>
        </div>

        <div class="col-sm-6 col-md-3 col-lg-3 web">
          <div class="portfolio-item">
            <div class="hover-bg">
              <a href="http://www.shanghai-rambo.com.cn/" target="_blank">
                <div class="hover-text">
                  <h4>润博电子官网</h4>
                  <small>上海润博电子系统设备股份有限公司-公司官网</small>
                  <div class="clearfix"></div>
                  <i class="fa fa-plus"></i>
                </div>
                <img src="https://bingblue.oss-cn-hangzhou.aliyuncs.com/common/index/item10.png" class="img-responsive">
              </a>
            </div>
          </div>
        </div>

      </div>
    </div>
  </div>

  <!-- Testimonials Section
==========================================-->
  <div id="tf-testimonials" class="text-center">
    <div class="overlay">
      <div class="container">
        <div class="section-title center">
          <h2>
            <strong>听，他们说：</strong> </h2>
          <div class="line">
            <hr>
          </div>
        </div>
        <div class="row">
          <div class="col-md-8 col-md-offset-2">
            <div id="testimonial" class="owl-carousel owl-theme">
              <div class="item">
                <h5>系统已正常运行1年六个月,完美诠释了什么叫实力。</h5>
                <p>
                  <strong>张伟</strong>, 世茂 总经理</p>
              </div>

              <div class="item">
                <h5>价格便宜，响应迅速。运行稳定,总之非常棒！</h5>
                <p>
                  <strong>方晓成</strong>, Vjow CEO</p>
              </div>

              <div class="item">
                <h5>专业的网站建设，我就选滨清工作室！</h5>
                <p>
                  <strong>张勇</strong>,润博电子 总经理</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- Contact Section
==========================================-->
  <div id="tf-contact" class="text-center">
    <div class="container">

      <div class="row">
        <div class="col-md-8 col-md-offset-2">

          <div class="section-title center">
            <h2>欢迎
              <strong>免费咨询</strong>
            </h2>
            <div class="line">
              <hr>
            </div>
            <div class="clearfix"></div>
            <small>              
              欢迎带上您的需求联系我们，我们会尽快联系您报价<br>
              请填写下方表单或直接发送Email至:
              <a href="mailto:business@bingblue.com">business@bingblue.com</a>
            </small>
          </div>

          <form>
            <div class="row">
              <div class="col-md-6">
                <div class="form-group">
                  <label for="phone">手机/微信</label>
                  <input type="email" class="form-control" id="phone" placeholder="请输入您的手机号或微信" value="">
                </div>
              </div>
              <div class="col-md-6">
                <div class="form-group">
                  <label for="name">姓名</label>
                  <input type="text" class="form-control" id="name" placeholder="请输入您的姓名">
                </div>
              </div>
            </div>
            <div class="form-group">
              <label for="content">内容</label>
              <textarea id="content" class="form-control" rows="3" placeholder="请输入您的需求，我们会尽快联系您报价"></textarea>
            </div>

            <button id="sendEmail" type="button" class="btn tf-btn btn-default">免费咨询</button>
          </form>

        </div>
      </div>

    </div>
  </div>

  <nav id="footer">
    <div class="container">
      <div class="pull-left fnav">
        <p>Copyright © 2019 · 滨清科技 , Inc. All Rights Reserved <a href="http://www.beian.miit.gov.cn" target="_blank">沪ICP备16024217号</a></p>
      </div>
      <div class="pull-right fnav">
        <ul class="footer-social">
          <li>
            <a href="javascript:;">
              <i class="fa fa-weixin"></i>
              <div class="mask">
                <img src="https://bingblue.oss-cn-hangzhou.aliyuncs.com/company/img/qrcode_dy.jpg" alt="滨清科技订阅号">
                <h6>滨清科技订阅号</h6>
              </div>
              <div class="mask mask2">
                <img src="https://bingblue.oss-cn-hangzhou.aliyuncs.com/company/img/qrcode_fw.jpg" alt="滨清科技服务号">
                <h6>滨清科技服务号</h6>
              </div>
            </a>
          </li>
          <!-- <li>
            <a href="javascript:;">
              <i class="fa fa-weixin"></i>
            </a>
          </li>
          <li>
            <a href="#">
              <i class="fa fa-dribbble"></i>
            </a>
          </li>
          <li>
            <a href="#">
              <i class="fa fa-google-plus"></i>
            </a>
          </li>
          <li>
            <a href="#">
              <i class="fa fa-twitter"></i>
            </a>
          </li> -->
        </ul>
      </div>
    </div>
  </nav>

  <div class="mu-alert">
    提交失败，请直接发送邮件至:business@bingblue.com，谢谢！
  </div>

  <script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
  <script src="https://bingblue.oss-cn-hangzhou.aliyuncs.com/company/js/SmoothScroll.js"></script>
  <script src="https://bingblue.oss-cn-hangzhou.aliyuncs.com/company/js/jquery.isotope.js"></script>
  <script src="https://bingblue.oss-cn-hangzhou.aliyuncs.com/company/js/owl.carousel.js"></script>
  <script src="https://bingblue.oss-cn-hangzhou.aliyuncs.com/company/js/main.js"></script>

</body>

</html>